<!DOCTYPE html>
<!--
2016-12-27 SoChishun Added.
-->
<html>
    <head>
        <title>表单</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="../skin/scriptlib/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
        <link rel="stylesheet" href="../skin/scriptlib/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" />
        <link rel="stylesheet" href="../skin/scriptlib/jquery-ui-1.12.1/jquery-ui.min.css" />
        <link rel="stylesheet" href="../skin/scriptlib/jQuery-Timepicker-Addon-1.6.3/dist/jquery-ui-timepicker-addon.min.css" />
        <link rel="stylesheet" href="../skin/theme/sueuix5/css/sueuix5.css" />
    </head>
    <body>
        <!--
        ====body====
        body_hd_include
        body_aside
        body_main
        body_ft_include
        body_ft_script
        -->        
        <!--body_hd_include-->
        <script src="../skin/scriptlib/jquery/jquery-1.12.3.min.js"></script>
        <script src="../skin/scriptlib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
        <script src="../skin/scriptlib/jquery-ui-1.12.1/jquery-ui.min.js"></script>
        <script src="../skin/scriptlib/jquery-ui-1.12.1/i18n/datepicker-zh-CN.js" type="text/javascript"></script>
        <script src="../skin/scriptlib/jQuery-Timepicker-Addon-1.6.3/dist/jquery-ui-timepicker-addon.min.js"></script>
        <script src="../skin/scriptlib/jQuery-Timepicker-Addon-1.6.3/dist/i18n/jquery-ui-timepicker-zh-CN.js"></script>
        <!--/body_hd_include-->
        <ul class="nav nav-tabs" style="margin-bottom: 20px;">
            <li class="active"><a href="#" onclick="location.reload();return false;">编辑个人资料</a></li>
            <li><a href="{:url('User/login_log','id='.$id)}">查看登录日志</a></li>
        </ul>
        <div class="row">
            <div class="col-lg-6">
                <h3>垂直表单</h3>
                <form>
                    <div class="form-group">
                        <label for="exampleInputEmail1">电子邮箱</label>
                        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">登录密码</label>
                        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                    </div>
                    <div class="form-group">
                        <label>商品图片：</label>
                        <div class="row">
                            <div class="col-sm-9">
                                <input type="text" class="form-control" name="picture_url" value="UploadFiles/2016-12-27/58620a8f9b5bf.jpg"  placeholder="商品图片地址" size="60" />
                            </div>
                            <div class="col-sm-3">
                                <a href="####" target="_blank" title=""><img src="../skin/theme/sueuix5/images/face.png" alt="" class="xsui-img-32" style="vertical-align: middle;" /></a> <a href="###" title="删除图片" class="xsui-delete-image">[删除]</a> <a class="xsui-btn-single-uploader" href="单文件上传.html" title="选择图片并上传">[上传]</a>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>商品相册：</label>
                        <button class="xsui-btn-multi-uploader" title="批量选择图片并上传" data-url="批量文件上传.html"><i class="glyphicon glyphicon-upload"></i>批量选择图片并上传</button>
                        <textarea name="images" class="form-control"></textarea>             
                    </div>
                    <div class="form-group">
                        <label>摘要内容：</label>
                        <textarea name="summary" class="form-control" placeholder="摘要内容"></textarea>
                    </div>
                    <div class="form-group">
                        <label>SEO关键词：</label>
                        <input type="text" class="form-control" name="meta_keywords" value="aaa"  placeholder="SEO关键词(建议3-5个关键词,中间以空格做分隔符)" size="79" />
                    </div>
                    <div class="form-group">
                        <label>SEO描述：</label>
                        <textarea name="meta_description" class="form-control" placeholder="SEO描述(不超过150字)" cols="89" rows="3">bbb</textarea>
                    </div>
                    <div class="form-group">
                        <label>发布时间：</label>
                        <input type="text" name="create_time" class="form-control datetimepicker" value="2016-12-27 14:40:51" placeholder="发布时间" class="datetimepicker" />
                    </div>
                    <div class="form-group">
                        <label>状态：</label>
                        <input type="radio" name="status" value="1" checked="checked" required="required" />上架 <input type="radio" name="status" value="0" required="required" />下架 
                    </div>


                    <div class="form-group">
                        <label for="exampleInputFile">File input</label>
                        <input type="file" id="exampleInputFile">
                        <p class="help-block">Example block-level help text here.</p>
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> Check me out
                        </label>
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>
            </div>
            <div class="col-lg-6">
                <h3>水平表单</h3>
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">电子邮件</label>
                        <div class="col-sm-10">
                            <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-2 control-label">登录密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">商品图片</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" name="picture_url" value="UploadFiles/2016-12-27/58620a8f9b5bf.jpg"  placeholder="商品图片地址" size="60" />
                        </div>
                        <div class="col-sm-3">
                            <a href="####" target="_blank" title=""><img src="../skin/theme/sueuix5/images/face.png" alt="" class="xsui-img-32" style="vertical-align: middle;" /></a> <a href="###" title="删除图片" class="xsui-delete-image">[删除]</a> <a class="xsui-btn-single-uploader" href="单文件上传.html" title="选择图片并上传">[上传]</a>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">商品相册</label>
                        <div class="col-sm-7">
                            <textarea name="images" class="form-control" placeholder=""></textarea>
                        </div>
                        <div class="col-sm-3">
                            <button class="xsui-btn-multi-uploader" title="批量选择图片并上传" data-url="批量文件上传.html"><i class="glyphicon glyphicon-upload"></i>批量选择图片并上传</button>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">摘要内容</label>
                        <div class="col-sm-10">
                            <textarea name="summary" class="form-control" placeholder="摘要内容"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">SEO关键词：</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="meta_keywords" value="aaa"  placeholder="SEO关键词(建议3-5个关键词,中间以空格做分隔符)" size="79" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">SEO描述：</label>
                        <div class="col-sm-10">
                            <textarea name="meta_description" class="form-control" placeholder="SEO描述(不超过150字)" cols="89" rows="3">bbb</textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">发布时间：</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control datetimepicker" name="create_time" value="2016-12-27 14:40:51" placeholder="发布时间" class="datetimepicker" />
                        </div>
                    </div>
                    <div class="form-group xsui-form-mgb">
                        <label class="col-sm-2 control-label">状态：</label>
                        <div class="col-sm-10">
                            <input type="radio" name="status" value="1" checked="checked" required="required" />上架 <input type="radio" name="status" value="0" required="required" />下架 
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox"> Remember me
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">Sign in</button>
                        </div>
                    </div>
                </form>
            </div>           
        </div>
        <script src="../skin/theme/sueuix5/ctrl/layout/layout.js"></script>
        <script type="text/javascript">
        // 2016-12-28
        $('.dropdown-toggle').dropdown();
        // 2016-12-29
        $(document).ready(function () {
            layout_ui_init();
        })
        /**
         * 单文件上传回调函数
         * @param {type} name
         * @param {type} value
         * @returns {undefined}
         * @version 1.0 2016-12-15
         */
        function single_uploader_cb(name, value) {
            var $input = $('[name="' + name + '"]');
            $input.val(value)
            $input.next().attr({'href': value, 'title': value}).find('img').attr('src', value);
            $('iframe').parent().dialog('close');
        }
        /**
         * 批量文件上传回调函数
         * @param {type} name
         * @param {type} value
         * @returns {undefined}
         * @version 1.0 2016-12-15
         */
        function multi_uploader_cb(name, value) {
            var $input = $('[name="' + name + '"]');
            var str = $input.val();
            if (str.length > 0) {
                str += '|';
            }
            str += value;
            $input.val(str);
            $('iframe').parent().dialog('close');
        }
        </script>
    </body>
</html>